<template>
  <div>
    <!-- <notification :value="66"></notification> -->
    <notification :value="99" :max="66">
      <template #default>
        <list @clickItem="clickItem" @clickAction="clickAction"  :list="listData" :actions="actionsData"></list>
      </template>
    </notification>
    <!-- <notification :value="99" :max="66" isDot></notification> -->
    <!-- <notification icon="chatround" :value="99" :max="66" isDot></notification> -->
  </div>
</template>
<script lang="ts" setup>
import { listData, actionsData } from './data'
let clickItem = (value: any) => {
  console.log(value)
}
let clickAction = (value: any) => {
  console.log(value)
}
</script>
<style lang="scss" scoped>
</style>